<template>
  <div>    
    <mt-navbar v-model="active" fixed>
        <mt-tab-item id="1">新闻</mt-tab-item>
        <mt-tab-item id="2">娱乐</mt-tab-item>
        <mt-tab-item id="3">财经</mt-tab-item>
        <mt-tab-item id="4">军事</mt-tab-item>
    </mt-navbar>
    <div style="margin-top:46px;">
      <h1>{{active}}</h1>
      <p v-for="(v,k) of 50" :key="k">{{v}}</p>
    </div>
  </div>
</template>
<script>
export default {
  data(){
    return {
      active:"1"
    }
  }
}
</script>